<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页</title>
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" th:href="@{/css/bootstrap.css}" rel="stylesheet">
    <link href="css/index.css" th:href="@{/css/index.css}" rel="stylesheet">
    <link href="css/config.css" th:href="@{/css/config.css}" rel="stylesheet">
    <link href="css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet">

</head>

<body>
    <!-- nav导航 -->
    <div th:replace="common/bar::#header"></div>
    <!-- 页面主体 -->
    <div class="dh mainbox">
        <!-- 左边菜单 -->
        <div th:replace="common/bar::#menu"></div>
        <!-- 右边主显示部分 -->
        <div class="main-rightbox">
            <div class="mainrightbox">
                <!-- 路径导航 -->
                <ol class="breadcrumb">
                    <li><a href="/">首页</a></li>
                </ol>
                <!-- 主体部分 -->
                <div class="main_box">
                    <blockquote>
                        <p>后台管理模版（包括登录页、table页、文件树、编辑、增加页面）</p>
                    </blockquote>
                </div>

            </div>
        </div>
    </div>
    <!-- 引入公共js文件 -->
    <script src="js/jquery-3.3.1.min.js" th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script src="js/jquery.slimscroll.min.js" th:src="@{/js/jquery.slimscroll.min.js}"></script>
    <script src="js/bootstrap.js" th:src="@{/js/bootstrap.js}"></script>
    <script>
        // 此方法为切换左边菜单的js文件
        $(".list_dt").on("click", function() {
            $('.list_dd').stop();
            $(this).siblings("dt").removeAttr("id");
            if ($(this).attr("id") == "open") {
                $(this).removeAttr("id").siblings("dd").slideUp();
            } else {
                $(this).attr("id", "open").next().slideDown().siblings("dd").slideUp();
            }
        });
        // 退出
        function logout() {
            window.location.href = "login.html";
        }
    </script>
</body>

</html>